import {useMemo} from 'react'
function UseMemoChild(props){
    console.log("Child render ...")

    // 只有a属性改变了这个方法才会执行 
    const tempA = useMemo(()=>{
        console.log('计算tempA');
        return props.a * 3
    },[props.a])


    const bChange = ()=>{
        console.log('计算tempB')
        return props.b * 3;
    }
    const tempB = bChange();
    return (
        <div>
            tempA = a*3 : {tempA}<br/>
            tempB = b*3 : {tempB}<br/>
            a:{props.a}<br/>
            b:{props.b}<br/>
            c:{props.c}
        </div>
    )
}

export default UseMemoChild